<template>
    <div class="flex-col">
        <div class="flex1 flex-col">
            <div class="panel _body flex1 flex-col">
                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>废水直接排放口</div>
                </div>
                <div style="height:30px"></div>
                <div class="flex1">
                    <!-- 表格 -->
                    <el-table :data="tableData1"
                              border
                              style="width: 100%">
                        <el-table-column label="序号"
                                         type="index"
                                         :index="nStartno"
                                         align="center"
                                         width="80"></el-table-column>
                        <el-table-column prop="portno"
                                         label="排放口编号"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargename"
                                         label="排放口名称"
                                         align="center"></el-table-column>
                        <el-table-column label="排放口地理坐标"
                                         align="center">
                            <el-table-column prop="pfklo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="pfkla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="outputwhithername"
                                         label="排放去向"
                                         align="center"></el-table-column>
                        <el-table-column prop="fswrwpfgl"
                                         label="排放规律"
                                         align="center">
                        </el-table-column>
                        <el-table-column prop="jxpfsd"
                                         label="间歇排放时段"
                                         align="center">
                        </el-table-column>
                        <el-table-column label="受纳自然水体信息"
                                         align="center">
                            <el-table-column prop="receivingwatername"
                                             label="名称"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstgnmb"
                                             label="受纳水体功能目标"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstlo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </div>

                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>废水间接排放口</div>
                </div>
                <div style="height:30px"></div>
                <div class="flex1">
                    <!-- 表格 -->
                    <el-table :data="tableData2"
                              border
                              style="width: 100%">
                        <el-table-column label="序号"
                                         type="index"
                                         :index="nStartno"
                                         align="center"
                                         width="80"></el-table-column>
                        <el-table-column prop="portno"
                                         label="排放口编号"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargename"
                                         label="排放口名称"
                                         align="center"></el-table-column>
                        <el-table-column label="排放口地理坐标"
                                         align="center">
                            <el-table-column prop="pfklo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="pfkla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="outputwhithername"
                                         label="排放去向"
                                         align="center"></el-table-column>
                        <el-table-column prop="废水污染物排放规律"
                                         label="排放规律"
                                         align="center">
                        </el-table-column>
                        <el-table-column prop="jxpfsd"
                                         label="间歇排放时段"
                                         align="center">
                        </el-table-column>
                        <el-table-column label="受纳自然水体信息"
                                         align="center">
                            <el-table-column prop="receivingwatername"
                                             label="名称"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstgnmb"
                                             label="受纳水体功能目标"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstlo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </div>

                <!-- 注意：需求文档图片有误 -->
                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>雨水排放口</div>
                </div>
                <div style="height:30px"></div>
                <div class="flex1">
                    <!-- 表格 -->
                    <el-table :data="tableData3"
                              border
                              style="width: 100%">
                        <el-table-column label="序号"
                                         type="index"
                                         :index="nStartno"
                                         align="center"
                                         width="80"></el-table-column>
                        <el-table-column prop="pktype"
                                         label="排口类型"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargecode"
                                         label="排放口编号"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargename"
                                         label="排放口名称"
                                         align="center"></el-table-column>
                        <el-table-column label="排放口地理坐标"
                                         align="center">
                            <el-table-column prop="pfklo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="pfkla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="outputwhithername"
                                         label="排放去向"
                                         align="center"></el-table-column>
                        <el-table-column prop="fswrwpfgl"
                                         label="排放规律"
                                         align="center">
                        </el-table-column>
                        <el-table-column prop="jxpfsd"
                                         label="间歇排放时段"
                                         align="center">
                        </el-table-column>
                        <el-table-column label="受纳自然水体信息"
                                         align="center">
                            <el-table-column prop="receivingwatername"
                                             label="名称"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="snstgnmb"
                                             label="受纳水体功能目标"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column label="汇入受纳自然水体处地理坐标"
                                         align="center">
                            <el-table-column prop="hrsnstclo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="hrsnstla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </div>

                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>入河排污口信息</div>
                </div>
                <div style="height:30px"></div>
                <div class="flex1">
                    <!-- 表格 -->
                    <el-table :data="tableData4"
                              border
                              style="width: 100%">
                        <el-table-column label="序号"
                                         type="index"
                                         :index="nStartno"
                                         align="center"
                                         width="80"></el-table-column>
                        <el-table-column prop="dischargecode"
                                         label="排放口编号"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargename"
                                         label="排放口名称"
                                         align="center"></el-table-column>
                        <el-table-column label="排放口地理坐标"
                                         align="center">
                            <el-table-column prop="pfklo"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="pfkla"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="outputwhithername"
                                         label="排放去向"
                                         align="center"></el-table-column>
                        <el-table-column prop="fswrwpfgl"
                                         label="排放规律"
                                         align="center">
                        </el-table-column>
                        <el-table-column prop="jxpfsd"
                                         label="间歇排放时段"
                                         align="center">
                        </el-table-column>
                        <el-table-column label="受纳自然水体信息"
                                         align="center">
                            <el-table-column prop="receivingwatername"
                                             label="名称"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="zywrwzl"
                                             label="污染物种类"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="psxygdndxz"
                                             label="排水协议规定的浓度限值"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="gjhdfwrwpfbzndxz"
                                             label="国家或地方污染物排放标准浓度限值"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import { URLS_HBDA } from '@/urls.js';
    export default {
        name: 'fsinfo',

        components: {
        },
        data() {
            return {
                //-- 表格 -- 
                nStartno: 1, //当前页数据的开始序号（从1开始） 
                oCurRow: null, //表格选中行 
                bShowDetail: false, //子页是否显示
                bIsView: false, //详情是否为查看状态，查看时，表单内容不可编辑   
                tableData1: [],//表格数据
                tableData2: [],//表格数据
                tableData3: [],//表格数据
                tableData4: [],//表格数据
                mergeObj: {},
                oForm: {
                },
            };
        },
        //**** watch
        //**** 生命周期钩子：mounted, updated, beforeDestroy 等
        mounted() {
            this.fResetTable();


        },
        beforeDestroy() {
        },
        methods: {
            fDetailDataChange() {//弹框中数据发生变化，如：新增、修改的保存操作
                //this.fResetList();
            },

            //请求表格数据
            fResetTable() {
                this.$WIV.fRequest({
                    url: URLS_HBDA.d_getQyhbdafsList
                }).then((res) => {
                    this.tableData1 = res.data.fszjList
                    this.tableData2 = res.data.fsjjList
                    this.tableData3 = res.data.fsysList
                    this.tableData4 = res.data.fsrhList
                })
            },



        }
        //**** template, render
    };
</script>

<style lang="less" rel="stylesheet" scoped>
</style>
